.container {
	position: fixed;
	background-color: #ffffff;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	padding: 0 28rpx;
	.header {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 21rpx 0 25rpx 0;
		font-size: 48rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		color: #4a4943;
		line-height: 67rpx;
		.button {
			height: 56rpx;
			background: #ffffff;
			border-radius: 32px;
			border: 1px solid rgba(243, 152, 0, 0.5);
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #f39800;
			line-height: 56rpx;
			padding: 0 24rpx;
		}
	}
	.tips {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(74, 73, 67, 0.5);
		line-height: 33rpx;
	}
	.city-info {
		flex-shrink: 0;
		padding: 18rpx 0;
		margin-top: 18rpx;
		font-size: 30rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #4a4943;
		line-height: 42rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.current {
			&.selected-city {
				display: flex;
				align-items: center;
				font-size: 28rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: rgba(102, 100, 93, 0.5);
				line-height: 40rpx;
				&::before {
					content: '';
					background: url(https://mall-rongchuang.oss-cn-beijing.aliyuncs.com/guixin_miniProgram/img/zhuzhai.png) left center no-repeat;
					background-size: 100%;
					width: 28rpx;
					height: 28rpx;
					margin-right: 12rpx;
					transform: translateY(-1rpx);
				}
			}
		}
		.city-name {
			position: relative;
			display: inline-block;
			outline: none;
			min-width: 200rpx;
			&::after {
				content: '';
				position: absolute;
				width: 0;
				height: 0;
				border-bottom: 14rpx solid #f39800;
				border-left: 14rpx solid transparent;
				transform: rotate(45deg);
				top: 50%;
				margin-top: -12rpx;
				margin-left: 12rpx;
			}
		}
		.reset-location {
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #f39800;
			line-height: 37rpx;
			margin-right: 12rpx;
			display: flex;
			align-items: center;
			&::before {
				content: '';
				display: inline-block;
				width: 30rpx;
				height: 26rpx;
				margin-right: 12rpx;
				background: url(https://mall-rongchuang.oss-cn-beijing.aliyuncs.com/guixin_miniProgram/img/reload.png) left center no-repeat;
				background-size: 100%;
			}
		}
	}
	.search {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		position: relative;
		background: #f7f7f7;
		border-radius: 30px;
		padding: 11rpx 24rpx;
		margin: 18rpx 0;
		.search-input {
			width: 100%;
			color: #8a8c8d;
			font-size: 26rpx;
			margin-left: 6rpx;
		}
	}
	.body {
		flex-grow: 1;
		overflow: auto;
		margin: 0 -28rpx;
		padding: 0 28rpx;
		.title {
			font-size: 26rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: rgba(102, 100, 93, 0.5);
			line-height: 37rpx;
			padding: 18rpx 0;
			margin-bottom: 6rpx;
		}
		.list {
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #66645d;
			line-height: 42rpx;
			.list-item {
				padding: 29rpx 0;
				position: relative;
				&::after {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					background-color: rgba(102, 100, 93, 0.1);
					height: 2rpx;
					transform: scaleY(0.5);
				}
				&:last-child {
					&::after {
						display: none;
					}
				}
			}
		}
	}
}
